<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>员工列表</title>
		<script src="../../js/jquery.js"></script>
		<script src="../../js/common.js"></script>
		<script>
			window.onload=function(){
				//向后端发送请求，将得到的数据装入表格中
				$.get(url+"emp/all",function(data){
					//data为一个对象数组
					let str=`<tr>
					<td>员工编号</td>
					<td>姓名</td>
					<td>头像</td>
					<td>操作</td>
				</tr>`;
					//遍历
					$.each(data,function (i,obj){
						//假:false 0 "" undefined null
						if(obj.epic){
							str+=`<tr>
					<td>${obj.empno}</td>
					<td>${obj.ename}</td>
					<td><img src="${url}upload/${obj.epic}"/></td>
					<td>
					<a onclick="empdel(${obj.empno},this)" href="javascript:">删除</a>
					<a href="empupdate.html?id=${obj.empno}">修改</a>
					</td>
				</tr>`;
						}else{
							str+=`<tr>
					<td>${obj.empno}</td>
					<td>${obj.ename}</td>
					<td></td>
					<td>
					<a onclick="empdel(${obj.empno},this)" href="javascript:">删除</a>
					<a href="empupdate.html?id=${obj.empno}">修改</a>
					</td>
				</tr>`;
						}

					})
					//遍历
					$("table").html(str);
				},"json");

			}
			function empdel(i,obj){
				let f=confirm("确定删除吗？");
				if (f) {
					//向后端发送请求，进行回调处理，移除所在行
					// $.get(url+"emp/delete",{id:i},function(data){
					// 	if (data==1){
					// 		alert("删除成功");
					// 		obj.parentNode.parentNode.remove();
					// 	}
					// 	else{
					// 		alert("删除失败");
					// 	}
					// });
					$.ajax({
						url:url+"emp/delete",
						method:"delete",
						data:{id:i},
						success:function (data){
							if (data==1){
								alert("删除成功");
								obj.parentNode.parentNode.remove();
							}
							else{
								alert("删除失败");
							}
						}
					})

				} else{
					alert("取消删除");
				}
				
			}
		</script>
	</head>
	<body>
		<div>
			<table>
				<tr>
					<td>员工编号</td>
					<td>姓名</td>
					<td>头像</td>
					<td>操作</td>
				</tr>
			</table>
		</div>
	</body>
</html>